
.chapterContend{
    background-color: #FAFAFA;
    .chapter{
        .title {
            text-align: center;
            font-size: 30px;
            display: flex;
            flex-direction: column;
        
            .tips {
              font-size: 16px;
              margin-top: 12px;
            }
          }
          .list{
              padding-top: 60px;
              padding-bottom: 90px;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              .item{
                  width: 460px;height: 58px;border-radius: 4px;position: relative;
                  flex-shrink: 0;
                  padding: 52px 60px;
                  background: url('~assets/images/zjitembg.png') no-repeat right bottom;
                  background-color: #fff;
                  margin-bottom: 40px;
                  .tips{
                      font-size: 12px;color: #898989;display: inline-block;
                      width: 48px;height: 20px;border: 1px solid #898989;text-align: center;line-height: 20px;position: absolute;
                      left:16px;top:16px ;
                  }
                  .tioTitle{
                    margin-bottom: 18px;
                    font-size: 20px;
                    margin-right: 10px;
                    display: flex;
                    align-items: center;
                    .num{
                        font-size: 14px;
                        color: #ACACAC;
                    }
                  }
                  .btn{
                      font-size: 16px;
                      .addColor{
                          margin-right: 23px;
                          cursor: pointer;
                          color: #449BFF;
                      }
                  }
              }
          }
    }
}